<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/3/20 0020
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="utf-8" %>
<%@ include file="/include/taglibs.jsp" %>

<script src="${path}/static/taoshunda/order/appointment.js"></script>
<link href="${path}/static/css/public/public.css" rel="stylesheet" type="text/css">
<script src="${path}/static/bootstrap/bootstrap-table/bootstrap-table.js"></script>

<div class="input-group col-xs-2" style="float: left;margin-bottom: 5px;margin-left: 5px">
    <input type="text" class="form-control entry" id="nameUser" style="float: left" placeholder="请输入买家名称">
</div>
<div class="input-group col-xs-2" style="float: left;margin-bottom: 5px;">
    <input type="text" class="form-control entry" id="orderId" style="float: left;" placeholder="请输入订单编号">
</div>
<div class="input-group col-xs-2" style="float: left;margin-bottom: 5px;margin-left: 5px">
    <input type="text" class="form-control entry" id="nameBusiness" style="float: left" placeholder="请输入卖家名称">
</div>
<div style="float: left;margin-left: 3px" class="input-group col-xs-1">
    <select id="select" class="form-control entry" style="width: 150%">
        <option value="-1">-订单状态-</option>
        <option value="0">全部</option>
        <option value="1">待付款</option>
        <option value="2">待接单</option>
        <option value="12">待取货</option>
        <option value="5">待评价</option>
        <option value="6">已完结</option>
        <option value="11">用户取消</option>

    </select>
</div>
<div style="float: left;margin-left: 5%">
    <button type="button" class="btn query_button" onclick="queryAppointmentOrder()"
            style="float: left;width: 100px;margin-bottom: 5px">
        <%--<span class="glyphicon glyphicon-search" aria-hidden="true"></span>--%>
        查询
    </button>
</div>

<table id="table"
       class="table table-striped table-bordered"
       data-toggle="table"
       data-toolbar="#toolbar"
       data-url="${path}/web/order/queryAppointmentOrder"
       data-side-pagination="server"
       data-pagination="true"
       data-page-list="[5, 10, 20, 50, 100, 200]"
>
    <thead>
    <tr>
        <th data-field="id" data-visible="false">编号</th>
        <th data-field="orderNumber">订单编号</th>
        <th data-field="userName">买家名称</th>
        <th data-field="busName">卖家名称</th>
        <th data-field="allMoney">总金额</th>
        <th data-formatter="pay">支付方式</th>
        <th data-field="created">下单时间</th>
        <th data-formatter="orderState">订单状态</th>
        <th data-formatter="operate" data-events="operateEvents">操作</th>
    </tr>
    </thead>
</table>


<div id="orderComment-div" class="slidingmenu box-model box box-info" model-width="80%" model-left="20%">

    <div class="box-header">
        <h3 class="box-title">订单评论</h3>
    </div>
    <div style="margin-left: 1%">
        <table id="orderComment"
               class="table table-striped table-bordered"
               data-toggle="table"
               data-toolbar="#toolbar"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
        >
            <thead>
            <tr>
                <th data-formatter="showImag">评论图片</th>
                <th data-field="nickName">评论用户</th>
                <th data-field="busName">被评论商家</th>
                <th data-field="starNum">评论星级</th>
                <th data-field="created">评论时间</th>
                <%--<th data-formatter="comment" data-events="operateComment">操作</th>--%>
            </tr>
            </thead>
        </table>
    </div>
    <div class="box-footer">
        <button class="btn close-model" style="background-color: red;color: snow">关闭</button>
    </div>
</div>


<div id="findOrderDetail-div" class="slidingmenu box-model box box-info" model-width="80%" model-left="20%">

    <div class="box-header">
        <h3 class="box-title">订单商品详情</h3>
    </div>
    <div style="margin-left: 1%">
        <table id="reservationOrder"
               class="table table-striped table-bordered"
               data-toggle="table"
               data-toolbar="#toolbar"
               data-side-pagination="server"
               data-pagination="true"
               data-page-list="[5, 10, 20, 50, 100, 200]"
        >
            <thead>
            <tr>
                <th data-formatter="showPic">商品图片</th>
                <th data-field="goodsName">商品名称</th>
                <th data-field="goodsUnivalent">单价</th>
                <th data-formatter="orderState">预约状态</th>
                <th data-formatter="confirmTime">确认时间</th>
                <%--<th data-formatter="comment" data-events="operateComment">操作</th>--%>
            </tr>
            </thead>
        </table>
    </div>
    <div class="box-footer">
        <button class="btn close-model" style="background-color: red;color: snow">关闭</button>
    </div>
</div>

<div id="detailImage-div" style="z-index:999" class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <div id="image" style="margin-top: 5%">

                </div>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>